<%@ page contentType="text/html;charset=UTF-8" language="java" isELIgnored="false"%>
<html lang="zxx">
<head>
    <title>Home</title>
    <!-- Meta tag Keywords -->
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta charset="UTF-8" />
    <meta name="keywords"
          content="Hotair Login Form Responsive web template, Bootstrap Web Templates, Flat Web Templates, Android Compatible web template, Smartphone Compatible web template, free webdesigns for Nokia, Samsung, LG, SonyEricsson, Motorola web design" />
    <!-- //Meta tag Keywords -->
    <link href="https://fonts.googleapis.com/css2?family=Noto+Serif+JP:wght@400;600;700;900&display=swap" rel="stylesheet">
    <!--/Style-CSS -->
    <link rel="stylesheet" href="${pageContext.request.contextPath}/static/model/css/style.css" type="text/css" media="all" />
    <!--//Style-CSS -->
    <link rel="stylesheet" href="${pageContext.request.contextPath}/static/model/css/font-awesome.min.css" type="text/css" media="all">
    <script src="/css/jquery-3.3.1.js"></script>
    <script>
        var msg="${msg}";
        if(msg!=null && msg!=""){
            alert(msg);
        }
    </script>

</head>

<body>

<!-- form section start -->
<section class="w3l-hotair-form">
    <h1>图书管理</h1>
    <div class="container">
        <!-- /form -->
        <div class="workinghny-form-grid">
            <div class="main-hotair">
                <div class="alert-close">
                    <span class="fa fa-close"></span>
                </div>

                <div class="content-wthree">
                    <h2>登录</h2>
                    <p>输入你的账号与密码</p>
                    <form action="/User/login" method="post">
                        <input type="text" class="text" name="username" placeholder="User Name" required="">
                        <input type="password" class="password" name="password" placeholder="User Password" required="">
                        <button class="btn" type="submit" value="登录">登录</button>
                    </form>
                    <p>或使用社交媒体</p>
                    <div class="social-icons w3layouts">
                        <ul>
                            <li>
                                <a href="#url" class="facebook"><span class="fa fa-facebook"></span> </a>
                            </li>
                            <li>
                                <a href="#url" class="twitter"><span class="fa fa-twitter"></span> </a>
                            </li>
                            <li>
                                <a href="#url" class="pinterest"><span class="fa fa-pinterest"></span> </a>
                            </li>
                        </ul>
                    </div>
                    <p class="account">Don't have an account? <a onclick="zc()">注册</a></p>
                </div>
                <div class="w3l_form align-self">
                    <div class="left_grid_info">

                    </div>
                </div>
            </div>
        </div>
        <!-- //form -->
    </div>
    <!-- copyright-->
    <div class="copyright text-center">
        <p class="copy-footer-29"><a target="_blank" href="https://sc.chinaz.com/moban/">&#x7F51;&#x9875;&#x6A21;&#x677F;</a></p>
    </div>
    <!-- //copyright-->
</section>
<!-- //form section start -->

<script src="static/model/js/jquery.min.js"></script>
<script>
    $(document).ready(function (c) {
        $('.alert-close').on('click', function (c) {
            $('.main-hotair').fadeOut('slow', function (c) {
                $('.main-hotair').remove();
            });
        });
    });
    function zc() {
        location.href="/User/zcuser";
    }
</script>

</body>

</html>
